@charset "utf-8";

/* CSS Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea,  blockquote, img, button{margin: 0;padding: 0;border: 0;}
html{-webkit-text-size-adjust:none; }
body{font-size:12px;*overflow-x:hidden;margin:0; padding:0;}
table{border-collapse:collapse; border-spacing:0;}
ol, ul, li{ list-style:none;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
a{text-decoration:none;color:#666;} 
a:hover{text-decoration:none;color:#000;} 
a:focus{outline:0px dotted;}
a:focus, input:focus{ -moz-outline-style: none; } 
* {font-family: Arial,Noto Sans SC;font-weight: normal;font-style: normal;}
input {-webkit-appearance: none;border-radius: 0;}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none; font-size:14px;}
textarea { -webkit-appearance: none;}
input::-webkit-input-placeholder {color:#5F5F5F;}
input::-moz-input-placeholder {color: #5F5F5F;}
input::-ms-input-placeholder {color: #5F5F5F;}
.fl{ float:left;}
.fr{ float:right;}
.clear { clear:both;}
.alltransition {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
body sup {display: inline-block!important;vertical-align: top;margin-top: -5px;}
.blackbg {background: #000;}
.alpha0{filter:alpha(Opacity=0);-moz-opacity:0;opacity:0;}
.no-touch { height:100%;}
.no-touch body{ overflow:hidden;height:100%;}
.pcshow { display:block;}
.mbshow { display:none !important;}

 

.ylbc {background: #1aadae;}.yltc {color: #1aadae;}
.sybc {background: #3574bb;}.sytc {color: #3574bb;}
.zybc {background: #62cf02;}.zytc {color: #62cf02;}
.dzbc {background: #2134bd;}.dztc {color: #2134bd;}



/*  nav */
.htfixed  header {top: 0px;}
header {height:95px;background:#fff;position:fixed;left: 0;top: 30px;z-index:100;min-width:330px;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;-moz-box-shadow:1px 1px 10px rgba(0,0,0,.3);-webkit-box-shadow:1px 1px 10px rgba(0,0,0,.3);box-shadow:1px 1px 10px rgba(0,0,0,.3);}
.header {height:95px;position: relative;overflow:visible;}

@media screen and (min-width: 1440px) {
header{left:60px;}
}

.header .logo {float: left;width:235px;height:95px;display: block;background: url(../images/logo.png) center no-repeat #167c46;background-size:100%;position: relative;z-index: 98;-moz-transition:all .4s ease;-webkit-transition:all .4s ease;transition:all .4s ease;}

.cd-nav-trigger{background:#565656; z-index:99;float: left;height:95px;width:95px;overflow: hidden;position: relative;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.cd-nav-trigger span{background:#fff;position: absolute; left: 50%; top: 50%; bottom: auto; right: auto; width:25px; height: 2px;-webkit-transform: translateX(-50%) translateY(-50%); -moz-transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); }
.cd-nav-trigger span::before, .cd-nav-trigger span:after{content: ''; position: absolute; top: 0; right: 0; width: 100%; height: 100%; background: inherit; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transition: -webkit-transform 0.2s, width 0.2s; -moz-transition: -moz-transform 0.2s, width 0.2s; transition: transform 0.2s, width 0.2s;}
.cd-nav-trigger span::before{-webkit-transform-origin: right top; -moz-transform-origin: right top; -ms-transform-origin: right top; -o-transform-origin: right top; transform-origin: right top; -webkit-transform: translateY(-9px); -moz-transform: translateY(-9px); -ms-transform: translateY(-9px); -o-transform: translateY(-9px); transform: translateY(-9px);}
.cd-nav-trigger span::after{-webkit-transform-origin: right bottom; -moz-transform-origin: right bottom; -ms-transform-origin: right bottom; -o-transform-origin: right bottom; transform-origin: right bottom; -webkit-transform: translateY(9px); -moz-transform: translateY(9px); -ms-transform: translateY(9px); -o-transform: translateY(9px); transform: translateY(9px);}

.cd-nav-trigger:hover{background:#333;}
.cd-nav-trigger:hover span::after,.cd-nav-trigger:hover span::before{width: 50%;}
.cd-nav-trigger:hover span::before{-webkit-transform: translateX(1px) translateY(0px) rotate(45deg);-moz-transform: translateX(1px) translateY(0px) rotate(45deg);-ms-transform: translateX(1px) translateY(0px) rotate(45deg);-o-transform: translateX(1px) translateY(0px) rotate(45deg);transform: translateX(0px) translateY(0px) rotate(45deg);}
.cd-nav-trigger:hover span::after{-webkit-transform: translateX(1px) translateY(0px) rotate(-45deg);-moz-transform: translateX(1px) translateY(0px) rotate(-45deg);-ms-transform: translateX(1px) translateY(0px) rotate(-45deg);-o-transform: translateX(1px) translateY(0px) rotate(-45deg);transform: translateX(0px) translateY(0px) rotate(-45deg);}


.cd-nav-trigger.no-touch  span {background: none;}
.cd-nav-trigger.no-touch  span::after,.cd-nav-trigger.no-touch  span::before{width:100%;background:#fff;}
.cd-nav-trigger.no-touch  span::before{-webkit-transform: translateX(-2px) translateY(8px) rotate(45deg);-moz-transform: translateX(-2px) translateY(8px) rotate(45deg);-ms-transform: translateX(-2px) translateY(8px) rotate(45deg);-o-transform: translateX(-2px) translateY(8px) rotate(45deg);transform: translateX(-2px) translateY(8px) rotate(45deg);}
.cd-nav-trigger.no-touch  span::after{-webkit-transform: translateX(-2px) translateY(-10px) rotate(-45deg);-moz-transform: translateX(-2px) translateY(-10px) rotate(-45deg);-ms-transform: translateX(-2px) translateY(-10px) rotate(-45deg);-o-transform: translateX(-2px) translateY(-10px) rotate(-45deg);transform: translateX(-2px) translateY(-10px) rotate(-45deg);}


.cd-nav-trigger.no-touch:hover{background:#333;}
.cd-nav-trigger.no-touch:hover span {background: #fff;}
.cd-nav-trigger.no-touch:hover span::after,.cd-nav-trigger.no-touch:hover span::before{width: 50%;}
.cd-nav-trigger.no-touch:hover span::before{-webkit-transform: translateX(-23px) translateY(1px) rotate(135deg);-moz-transform:translateX(-23px) translateY(1px) rotate(135deg);-ms-transform: translateX(-23px) translateY(1px) rotate(135deg);-o-transform:translateX(-23px) translateY(1px) rotate(135deg);transform: translateX(-23px) translateY(1px) rotate(135deg);}
.cd-nav-trigger.no-touch:hover span::after{-webkit-transform: translateX(-23px) translateY(-1px) rotate(-135deg);-moz-transform: translateX(-23px) translateY(-1px) rotate(-135deg);-ms-transform: translateX(-23px) translateY(-1px) rotate(-135deg);-o-transform: translateX(-23px) translateY(-1px) rotate(-135deg);transform: translateX(-23px) translateY(-1px) rotate(-135deg);}


.cd-nav-trigger.no-touch.mbnav.scrollhide span{background: #fff;}
.cd-nav-trigger.no-touch.mbnav.scrollhide span::after,.cd-nav-trigger.no-touch.mbnav.scrollhide span::before{width: 100%;}
.cd-nav-trigger.no-touch.mbnav.scrollhide span::before{-webkit-transform: translateY(-9px); -moz-transform: translateY(-9px); -ms-transform: translateY(-9px); -o-transform: translateY(-9px); transform: translateY(-9px);}
.cd-nav-trigger.no-touch.mbnav.scrollhide span::after{ -webkit-transform: translateY(9px); -moz-transform: translateY(9px); -ms-transform: translateY(9px); -o-transform: translateY(9px); transform: translateY(9px);}


.cd-nav-container.is-visible.mbnav.scrollhide {width:0px;padding:0;}
.cd-nav-container{float: left; background-color:#fff; width:0px; height:95px;-moz-transition:all .4s ease;-webkit-transition:all .4s ease;transition:all .4s ease;}
.cd-nav-container.is-visible{width:750px;padding:0 30px 0 30px;}

.cd-close-nav{position: absolute; height: 44px; width: 44px; right:6%; top: 50%; bottom: auto; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); overflow: hidden; text-indent: 100%; white-space: nowrap; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; transition: opacity 0.2s;}
.cd-close-nav::after, .cd-close-nav::before{content: ''; position: absolute; height:1px; width: 32px; left: 50%; top: 50%; background-color: #666; -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.cd-close-nav::after{-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(45deg); transform: translateX(-50%) translateY(-50%) rotate(45deg);}
.cd-close-nav::before{-webkit-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -moz-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -ms-transform: translateX(-50%) translateY(-50%) rotate(-45deg); -o-transform: translateX(-50%) translateY(-50%) rotate(-45deg); transform: translateX(-50%) translateY(-50%) rotate(-45deg);}

 
.scrollheader {min-width: 95px;}
/*.scrollheader .header .logo { width:0;}*/


.no-touch .cd-close-nav:hover{opacity: .8;}
#cd-nav{position: relative;}
#cd-nav *{display: block; -moz-transition:all .4s ease;-webkit-transition:all .4s ease;transition:all .4s ease;}

#cd-nav ul {position: relative;display:none}
.is-visible ul{display:block!important}
.cd-nav li{position: relative; float:left; margin-right:2.8%;}
.cd-nav a{display: block;width:100%;padding: 30px 0;font-size:16px;line-height:42.5px;color:#000;margin:0px auto; /*font-weight: bold;*/}
.cd-nav a:hover,.cd-nav a.cur{color:#167c46;}
.cd-nav a.cur{font-weight: bold;}
.cd-nav a strong {font-weight: bold;color:#167c46; font-size:16px;}
.yuyan{position: absolute;right:3%;top:20px;}
.language {position: absolute;right:20px;top:30px;z-index: 1;background: url("../images/yy.png") left center no-repeat;width:42px;height:42px;padding-left: 0px;}

.language h6 {display: none!important;color:#333;line-height: 28px;font-size: 14px;font-weight: bold;}

.notouch .cd-nav li{display:none}

.cd-nav li a.search{position: relative;}
.cd-nav li a.search {display: block;width: 14px;height: 40px;opacity: .3;padding-left:40px;background: url("../images/search.png") 20px center no-repeat;}
.cd-nav li a.search:hover {opacity: 1;}
.cd-nav li:last-child {position: relative;}
.cd-nav li:last-child::after {content: '';width: 1px;height:20px;background: #ccc;position: absolute;left: 0;top: 50%;margin-top: -10px;}


/*
.cd-nav li:last-child { padding-top: 30px;}
.cd-nav li:last-child a{padding: 0px 0;line-height:20px;}
*/


.cd-nav li{    
    position: relative;
    float: left;
    margin-right: 2.8%;}
.cd-nav li a { font-size:16px; color: #fff;}
.cd-nav li .ys {}
.cd-nav li a { font-size:16px; color: #333;}
.cd-nav li span{width:0; height:3px; background:#0a76e3; position:absolute; left:50%; bottom:0;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;
transform:translate(-50%,0);
-webkit-transform:translate(-50%,0);
-moz-transform:translate(-50%,0);
-ms-transform:translate(-50%,0);
-o-transform:translate(-50%,0);}
.cd-nav li:hover span{width:100%;}
.cd-nav li.on span{width:100%;}
.cd-nav li.on a{color:#167c46;}
.cd-nav li:hover a { color:#167c46;}
.cd-nav .y_j{position:relative;     display: block;
    position: relative;
    line-height: 50px;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    transition: line-height 0.5s;}
.cd-nav .e_j{    position: absolute;
    top: 95px;
    left: 0;
    width: 220px;
    background-color: #fff;
    z-index: 999;
    padding: 0px;
    opacity: 0;
    visibility: hidden;
    transform: translateY(20px);
    transition: all 0.5s; }
.cd-nav li:hover .e_j {
    opacity: 1;
    transform: translateY(0px);
    visibility: visible;
    transition: all 0.5s;
}	
.cd-nav li .e_j a{display:block; font-size:15px; color:#333; line-height:30px; text-align:left;  font-weight:normal; 
    padding: 15px 0 15px 20px; }
.cd-nav .e_j a:hover{ color:#167c46;}
.cd-nav .e_j{display:none !important;}
.cd-nav li:hover .e_j{display:block !important;}

@media only screen and (max-width:1440px){
.cd-nav li{ padding:0px 23px 0px 0px;}
.cd-nav li a { font-size:15px; color: #fff;}
.cd-nav li a { font-size:15px; color: #333;}
}
@media only screen and (max-width:995px){

.header .nav ul { width: 100%;}
.header .nav{width:100%; padding:10px 5%;  height:100%; position:fixed; top:65px; margin-top:0; left:-100%; z-index:11; overflow:auto; background: rgba(255, 255, 255, 0.99);
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s; z-index:65; margin-left:0;}
.header .nav.on{left:0; margin-top:0} 
.cd-nav li.on span{width:0%;}
.cd-nav li:hover span{width:0%;}
.cd-nav li:hover a { color:#0a76e3;}
.header .nav i{display:block; }
.cd-nav li{line-height:60px;  text-align:left; float:none; margin:0; padding:0; font-size:16px; color:#333; border-bottom:1px solid #ddd;}
.cd-nav li a {font-size:16px; color:#fff;}
.cd-nav li:after { background: rgba(0,0,0,0);}
.nav .y_j{line-height: 60px;}
.header .nav .e_j{padding:0px;  background:none; position:relative; top:auto; left:auto; width:100%; height: auto; margin-left:0px;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;}
.cd-nav li:hover .e_j{display:none;}
.cd-nav .e_j.n{display:block !important;}
.cd-nav li .e_j a{display:block; font-size:14px; color:#666; margin-left:0px; text-align: left;}
.cd-nav li .e_j a:hover { color: #fff; padding: 0 10px;}

}








.nav2 {float: left;min-width:500px;overflow: hidden;background: #fff;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.nav2 * { overflow:hidden;display: block;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.nav2 h1 {width: 95px;height: 95px;line-height:100px;text-align: center;font-size: 18px;color: #fff;background: #000;float: left;}
.nav2 h1 a {color: #fff}
.nav2 ul {float: left;position: relative;padding-left:10%;width:70%;height: 95px;}
.nav2 ul li{overflow:hidden;position: relative; float:left; margin-right:10%;}
/*.nav2 ul li:first-child {display: none;}*/
.nav2 ul li:last-child {margin-right: 0;}
.nav2 ul li a{display: block;width:100%;padding:30px 0 22px 0;font-size:16px;line-height:42.5px;color:#939393;margin:0px auto;}
.nav2 ul li a:hover,.nav2 ul li a.cur{color:#000;}
.nav2 .language {display: none;}

.hidenav2 {width:95px;min-width:95px;}
.hidenav2 ul{padding-left:0;width:0px;overflow: hidden;}
.hidenav2 ul * {width:0px;}
.hidenav2 ul li{display: none;}
.hidenav {-webkit-transform: translateX(-600px);-ms-transform: translateX(-600px);-o-transform: translateX(-600px);transform: translateX(-600px);}
.shownav {-webkit-transform: translateX(0);-ms-transform: translateX(0);-o-transform: translateX(0);transform: translateX(0);}




/* footer */
footer { background: #2a2a2a;overflow: hidden; position: relative;}
footer:before {content:'';width:12.5%;height:100%;position: absolute;left: 0px;top: 0px; background: #3b3b3b;z-index: 1;}
footer * {overflow: hidden;font-weight: normal;font-style: normal;text-transform: uppercase;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
footer .left { background: #3b3b3b;width:27%;float: left;padding:50px 0 30px 0;position: relative;z-index: 3;}
footer .left .logo {width: 280px;}
footer .left .logo img{width:100%;height:auto;}
footer .left .nav { clear: both;padding:60px 0 30px 0;}
footer .left .nav a{font-size: 14px;line-height:34px;color: #ccc;}
footer .left .nav a:hover {color: #fff;}
footer .left .ewm {clear: both;width: 100%;margin:1% 0;}
footer .left .ewm img{width:56px;height:56px;padding:4px;border-radius:5px;background: #5e5e5e;float:left;}
footer .left .ewm ul {float:left; width:60%; padding-left:4%; padding-top:5px;}
footer .left .ewm ul li{ padding:5px 0;}
footer .left .ewm ul li a{color: #fff; font-weight:bold; font-size:14px;}
footer .left .copy {clear: both;padding:10px 0;color: #898989;line-height:18px;text-transform: none;}
footer .left .copy a{color: #898989;}
footer .left .copy a:hover{color: #fff;}
footer .left .copy li a {display: inline-block;margin-right: 2px;}

.searchs {padding: 1% 0;width: 70%;overflow: hidden;position: relative;margin-bottom: 20px;margin-top:130px;}
.sinput {width: 95%;height: 35px;line-height: 35;padding: 0 2%;overflow: hidden;background: none;color: #fff;border: 1px solid #626262;outline: none;}
.ssubmit {width: 14px;height: 15px;border: none;background:url("../images/search1.png");position: absolute;right:4%;top: 50%;margin-top: -7.5px;opacity: .5;cursor: pointer;}
.ssubmit:hover {opacity: 1;}

footer .right {width:70%;float:right;padding:50px 0 0px 0;position: relative;}
.d_daohang{border-bottom: 1px solid #333333;padding:30px 0;color:#fff;}
.d_daohang a{color:#fff;}
.d_daohang dl{float:left;text-align:center;border-right: 1px solid #333333;}
.d_daohang dt{font-size:20px;padding-bottom: 17px;}
.d_daohang dd{font-size:16px;line-height:30px;padding:0 40px;}
.right_right{float:left;padding-left:30px;}
.right_right_1{}
.right_right_1_left{padding:5px;background-color:#404040;float:left;}
.right_right_1_right{float:left;padding-left:20px;}
.right_right_1_right h3{font-size:20px; padding:5px 0;}
.right_right_1_right h4{font-size:16px;text-transform: lowercase;padding-top:5px;}
.right_right_1_left img{width:90px;}
.right_right_2{padding-top:20px;}
.right_right_2 li{float:left;    border: 1px solid #626262;margin:0 5px;}
.banquan{color:#fff;font-size:14px;line-height:60px;}
footer .right ul:nth-child(2){ margin-top:25px;}
footer .right ul:nth-child(3){ margin-top:25px;}
footer .right ul h3{font-size: 24px;color: #ababab;font-weight:bold;}
footer .right ul h4{font-size: 18px;color: #ababab;}
footer .right ul li{}
footer .right ul li span { display: inline-block;margin-bottom: 10px;margin-right: 10px;}
footer .right ul li span img{width: auto;height: auto;max-width: 162px;opacity: 0.5;}
footer .right ul li span img:hover {opacity: 1.0;}
.swiperlogo {padding:20px 0 20px 0;overflow: hidden;}
.swiperlogo img{width: 100%;height: auto;max-width:100%;max-height:62px;opacity: 0.5;margin-bottom: 5px;}
.swiperlogo img:hover {opacity: 1.0;}
.swiperlogo .swiper-slide {margin-top: 0px!important;}


/* slick plugin */
.slick-slider { display: block;/* box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; */}
.slick-slider *:focus { outline: none;}
.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-loading .slick-list { }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide img { display: block; max-width:100%; height:auto;}
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto;   }
/* Arrows */
.slick-prev, .slick-next { position:absolute;display:block;height:40px;width:40px;cursor:pointer;z-index:80;top:50%; margin-top:-20px;padding:0;outline:none;text-indent:-9999px;  border-radius:0px; background-color: transparent; background-repeat:no-repeat; background-position:center;opacity: 0.5;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease; border:none;}
.slick-prev:focus, .slick-next:focus { outline: none; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }
.slick-prev:before, .slick-next:before {  font-size: 20px; line-height: 1; color: white; opacity: 0.85; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
.slick-prev { left:2%; background-image:url(../images/left-h.png);}
.slick-next { right:2%; background-image:url(../images/right-h.png);}
.slick-prev:hover {opacity: 1.0;}
.slick-next:hover {opacity: 1.0;}
/* Dots */
.slick-slider { }
.slick-dots { position: absolute; bottom:50px; list-style: none; display: block;padding: 0px; width: 100%; text-align:center; left:0;}
.slick-dots li { position: relative; display: inline-block; height:10px; width:10px; margin: 0px 4px; padding: 0px; cursor: pointer; }
.slick-dots li button { margin-top: 5px;background:#fff; display: block; height:10px;width:10px; padding: 0px; cursor: pointer; outline: none; text-indent:-9999px;-moz-opacity:0.4; opacity:0.4;filter:alpha(opacity=40);border-radius:100px;border: none; overflow:hidden;}
.slick-dots li button:focus { outline: none; }
.slick-dots li.slick-active button {background: #fff;border: none; opacity:1.5;}



 


.black_overlay {display: none;position: fixed;top: 0%;left: 0%;width: 100%;height: 100%;background-color: #000;z-index: 1001;-moz-opacity: 0.8;opacity: .80;filter: alpha(opacity=80);}
.white_content {display: none;position: fixed;box-sizing: border-box;top:0;left: 50%;width:500px;height: 100%; margin-left: -225px;z-index: 1002;overflow: hidden;}
.white_content .dtable {display: table;width: 100%;height: 100%;}
.white_content .dtable .dtable-cell {display: table-cell;vertical-align: middle;}
.white_content h2 {display: block;overflow: hidden;padding:1% 0 3% 0;font-size: 24px;color: #000;text-align: center;border-bottom: 1px solid #ededed;}
.white_content form * {display: block;overflow: hidden;}
.white_content form {overflow:hidden;display: block;padding:5%;background-color: #fff;position: relative;}
.white_content form input { outline:none;}
.white_content li { padding:5px 0; overflow:hidden; font-size:12px; color:#666;text-transform: capitalize;position: relative;}
.white_content li h6 {color: #000;display: inline-block;padding-right: 10px;}
.white_content li span {font-size: 12px;display: inline-block;text-transform: capitalize;}
.white_content li .inputfile {border:#ededed 1px solid;width:-webkit-calc(90% - 2px); width:calc(90% - 2px);padding:10px 5%; display:block;font-size: 12px;color: #666;background: #f1f1f1;cursor: pointer;}
.uploadfile {position: absolute;right: 0px;top: 5px;z-index: 1;background: #0a4263;color: #fff;line-height: 35px;padding:0 20px;cursor: pointer;}
.white_content .input { text-transform: none; border:#ededed 1px solid;width:-webkit-calc(90% - 2px); width:calc(90% - 2px);padding:10px 5%; display:block;font-size: 14px;color: #666;}
.white_content .btn {padding:2% 0;overflow:hidden;}
.white_content .btn *{-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;}
.white_content .btn .submit {display:block;width:100%;float:left;padding:3% 0; font-size:14px; background:#0a4263;border: none; color:#fff;cursor: pointer; text-align:center;}
.white_content .btn .submit:hover {background:#2f95d1;}
.white_content .btn .guanbi {display:block;width:40px;height:40px;position: absolute;right:2%;top:2%;z-index: 3;cursor: pointer; text-align:center;background: url("../images/del-h.png") center no-repeat;background-size:60%;}
.white_content .btn .guanbi:hover{-webkit-transform:rotate(180deg);transform:rotate(180deg);}

 



.galleryOverlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; opacity: 0; z-index: 100000; background-color: #333;  overflow: hidden; display: none; -moz-transition: opacity 1s ease; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; }
.galleryOverlay.visible { opacity: 1; }
.gallerySlider { height: 100%; left: 0; top: 0; width: 100%; white-space: nowrap; position: absolute; }
.gallerySlider .placeholder { background: url(../images/preloader.gif) no-repeat center center; height: 100%; line-height: 1px; text-align: center; width: 100%; display: inline-block; }
.gallerySlider .placeholder:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; }
.gallerySlider .placeholder img { display: inline-block; max-height: 100%; max-width: 100%; vertical-align: middle; }
.prevArrow, .nextArrow { border: none; text-decoration: none; /*background: url(../images/arrows.png) no-repeat;*/ opacity: 0.5; cursor: pointer; position: absolute; width:50%;height:100%; top:0; margin-top:0px; }
.prevArrow:hover, .nextArrow:hover { opacity: 1; }
.prevArrow { background-position: left top; left:0; }
.nextArrow { background-position: right top; right:0; }
.pagelimit { position: absolute; bottom: 20px; left: 50%; margin-left: -18px; color: #000; font-size: 18px; }
.closed {cursor: pointer; position: absolute; width: 40px; height: 40px;right:2%; top: 3%;background: url(../images/del.png) no-repeat; transition-duration: 0.5s;}
.closed:hover {transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);opacity: 0.5;}




.suspension{position:fixed;z-index:95;right:0;bottom:20%;width:70px;height:240px;}
.suspension-box{position:relative;float:right;background: #fff;-moz-box-shadow:0px 0px 10px #ccc;-webkit-box-shadow:0px 0px 10px #ccc ;box-shadow:0px 0px 10px rgba(0,0,0,0.2);}
.suspension .a{display:block;width:65px;height:45px;padding:10px 0; cursor:pointer;outline:none;position: relative;}
.suspension .a:after {content: "";width:60%;height: 1px;position: absolute;left:20%;bottom: 0px;z-index: 1;background: #999;opacity: 0.2;}
.suspension .a-cart:after {display: none;}
.suspension .a h6 {display: block;font-size: 12px;text-align: center;color: #999;}
.suspension .a:hover h6 {color: #fff;}
.suspension .a.active,.suspension .a:hover{background:#1aadae;}
.suspension .a .i{width:30px;height:30px;display: block;margin:auto;opacity: 0.3;}
.suspension .a:hover .i{opacity: 1.0;}
.suspension .a-service .i{background:url(../images/r1.png) center no-repeat;background-size:70%;}
.suspension .a-service-phone .i{background:url(../images/r2.png) center no-repeat;background-size:70%;}
.suspension .a-qrcode .i{background:url(../images/r3.png) center no-repeat;background-size:70%;}
.suspension .a-cart .i{background:url(../images/r4.png) center no-repeat;background-size:70%;}

.suspension .a-service:hover .i{background:url(../images/r1-b.png) center no-repeat;background-size:70%;}
.suspension .a-service-phone:hover .i{background:url(../images/r2-b.png) center no-repeat;background-size:70%;}
.suspension .a-qrcode:hover .i{background:url(../images/r3-b.png) center no-repeat;background-size:70%;}
.suspension .a-cart:hover .i{background:url(../images/r4-b.png) center no-repeat;background-size:70%;}

.suspension .a-top{height:25px;background:#1aadae url("../images/up.png") center no-repeat;background-size:30%;display:none;}
.suspension .a-top:hover{background:#000 url("../images/up.png") center no-repeat;background-size:30%;}

.suspension .d{display:none;width:180px;background:#fff;position:absolute;right:70px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:50%;margin-top: -2px;}
.suspension .d-service{top:160px;}
.suspension .d-service .d-service-item a { color:#333;}
.suspension .d-service-phone{top:50px;}
.suspension .d-qrcode{top:0px;}
.suspension .d .inner-box{padding:8px 10px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:10px 0; overflow:hidden;}
.suspension .d-service-item .circle{width:34px;height:34px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:34px;height:34px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:34px;height:34px;background:url(../images/side_con_icon02.png) no-repeat center center;background-size:50%; display:block;}
.suspension .d-service-item h3{float:left;line-height:34px;font-size:12px;margin-left:12px;}
.suspension .d-service-item .text{float:left;line-height:22px;font-size:12px;margin-left:12px;}
.inner-box .d-service-item:last-child{border-bottom:none !important;}

.bdsharebuttonbox {text-align: center;}
.bdsharebuttonbox li{display: inline-block;}
.bdsharebuttonbox li a {display: block;width:24px;margin: auto 5px;float: none;padding: 0;}


/*浏览器*/
#browser_ie {BACKGROUND-COLOR: #f6f6b4; DISPLAY: none; HEIGHT:auto;overflow: hidden; COLOR: #000; FONT-SIZE: 15px;text-align: center;position: absolute;left: 0;top: 0;width: 100%;z-index: 99;}
#browser_ie .brower_info {MARGIN: 0px auto; WIDTH: 800px;padding: 1% 0;overflow: hidden;position:relative;text-align: center;}
#browser_ie .brower_info .notice_info {POSITION: relative;overflow: hidden;}
#browser_ie .brower_info .notice_info P { text-align: center; LINE-HEIGHT: 25px;overflow: hidden;DISPLAY: inline-block}
#browser_ie .browser_list {POSITION: relative;text-align: center;}
#browser_ie .browser_list IMG {WIDTH: 40px; HEIGHT: 40px}
#browser_ie .browser_list SPAN {TEXT-ALIGN: center;padding:1%;DISPLAY: inline-block;vertical-align: top;}
.close { border:#CCC 1px  solid;z-index: 9999;height:30px; line-height:30px; text-align:center; padding:0 10px; position:absolute; right:0px; display:block; top:30px;}




@font-face {
	font-family: 'Montserrat-Bold';
	src: url('../fonts/Montserrat-Bold.eot');
	src: local('☺'), url('../fonts/Montserrat-Bold.woff') format('woff'), url('../fonts/Montserrat-Bold.ttf') format('truetype'), url('../fonts/Montserrat-Bold.png') format('png');
	font-weight: normal;
	font-style: normal;
}




@font-face {font-family: "iconfont";
  src: url('../fonts/iconfont.eot?t=1573817879087'); /* IE9 */
  src: url('../fonts/iconfont.eot?t=1573817879087#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('data:application/x-font-woff2;charset=utf-8;base64,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') format('woff2'),
  url('../fonts/iconfont.woff?t=1573817879087') format('woff'),
  url('../fonts/iconfont.ttf?t=1573817879087') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
  url('../fonts/iconfont.png?t=1573817879087#iconfont') format('png'); /* iOS 4.1- */
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-mnav:before {
  content: "\e605";
}

.icon-mnav1:before {
  content: "\e606";
}

.icon-mnav2:before {
  content: "\e607";
}

.icon-mnav3:before {
  content: "\e608";
}

.icon-mnav4:before {
  content: "\e609";
}

.icon-h:before {
  content: "\e60a";
}

.icon-h1:before {
  content: "\e60b";
}

.icon-h2:before {
  content: "\e60c";
}
.gh-banner-pic div li .title.textcolor98 h2,
.gh-banner-pic div li .title.textcolor98 h3 {color: #3574bb;}	
.gh-banner-pic div li .title.textcolor98 line {background: #3574bb;}
.gh-banner-pic div li .title.textcolor100 h2,
.gh-banner-pic div li .title.textcolor100 h3 {color: #1aadae;}	
.gh-banner-pic div li .title.textcolor100 line {background: #1aadae;}
.gh-banner-pic div li .title.textcolor71 h2,
.gh-banner-pic div li .title.textcolor71 h3 {color: #6cba45;}	
.gh-banner-pic div li .title.textcolor71 line {background: #6cba45;}
.gh-banner-pic div li .title.textcolor50 h2,
.gh-banner-pic div li .title.textcolor50 h3 {color: #1aadae;}	
.gh-banner-pic div li .title.textcolor50 line {background: #1aadae;}
.gh-banner-pic div li .title.textcolor70 h2,
.gh-banner-pic div li .title.textcolor70 h3 {color: #3574bb;}	
.gh-banner-pic div li .title.textcolor70 line {background: #3574bb;}